<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=zA8rqnuif2Klh06fRGSNBxEk2V9ajBdy"></script>



<div class="contact-agileinfo">
    <div class="container">
        <h2>联系我们</h2>
        <div class="col-md-4 contact-left-agile">
            <div class="address-w3-agileits" id="address">
                <h4>地址</h4>
                <address>
                    <ul>
                        <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>四川省
                        </li>
                        <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> 成都市
                        </li>
                        <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> 高新区</li>
                    </ul>
                </address>
            </div>
            <div class="phone-agileits-w3layouts" id="phone">
                <h4>电话</h4>
                <p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> 181 1122 6315</p>
                <p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> 135 5182 6731</p>
            </div>
            <div class="email">
                <h4>Email</h4>
                <p><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a
                        href="captainl1993@126.com">
                        captainl1993@126.com</a></p>
            </div>
        </div>
        <div class="col-md-8 contact-right-w3">
            <form action="#" method="post">
                <input type="text" class="text" name="Name" placeholder="称呼" required="">
                <input type="text" class="text" name="Email" placeholder="邮件" required="">
                <input type="text" class="text" name="Phone" placeholder="电话" required="">
                <input type="text" class="text" name="City" placeholder="城市" required="">
                <textarea name="Message" placeholder="内容" required=""></textarea>
                <input type="submit" class="more_btn" value="发送消息">
            </form>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="container">
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <div class="container">
            <!--百度地图容器-->
            <div style="width:100%;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
        </div>
    </div>
</div>

<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
    }
    function createMap() {
        map = new BMap.Map("map");
        map.centerAndZoom(new BMap.Point(104.068522, 30.590862), 15);
    }
    function setMapEvent() {
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
    }
    function addClickHandler(target, window) {
        target.addEventListener("click", function () {
            target.openInfoWindow(window);
        });
    }
    function addMapOverlay() {
    }
    //向地图添加控件
    function addMapControl() {
        var scaleControl = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
        map.addControl(navControl);
        var overviewControl = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: true });
        map.addControl(overviewControl);
    }
    var map;
    initMap();
</script>